$(function () {
    // 定义校验规则
    let form = layui.form
    // 参数是对象类型:属性是规则名称
    form.verify({
        nickname:[
            /^[\S]{1,10}$/,
            '写那么多干啥玩意撑死我啊'
        ]
    })
    let  layer  =layui.layer
    // 需求2 初始化用户信息 ,后面要用 ,索引封装成函数
    initUserInfo()
    function initUserInfo() {
        axios({
            method:'GET',
            url:'/my/userinfo'
        }).then(res  => {
            // 判断
            if(res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            // 根据官网,为form表单赋值
            // 内置模块->表单->表单赋值取值
           form.val('formUserInfo',res.data.data)
        })
    }




    // 需求3 重置表单
    // 给按钮设置点击事件,或者给form绑定reset事件\
    $('#btnRest').on('click',function (e) {
      e.preventDefault();
        // 重新渲染表单
        initUserInfo()
        
    })




    // 需求4提交表单

    // 给按钮设置点击事件,或给form绑定submit事件
    $('form').on('submit',function (e) {
        e.preventDefault()

        axios({
            method:'POST',
            url:'/my/userinfo',
            // 设置参数,根据参数类型会设置头信息  
            data: $(this).serialize()
        }).then(res =>  {
            if(res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            // 成功显示
            layer.msg('改个嘚改,天天改')
            // 直接调用无效,因为不是一个windo对象
            window.parent.getUserInfo()
           
        })
    })
    
})
    